@charset "UTF-8";
body{}
.clearfix {
    +height: 1%;
}
/*.homebanner{background-color: #5677cb;}*/
.slide{width: 100%; overflow: hidden;}
.homebanner .slide_box img{width: 100%;/*height: 100%;*/}
div.section{width: 100%;height: 100%;overflow: hidden;}
div.fp-tableCell{display: block;}
div.fp-section.fp-table{display: block;}
@media screen and (min-width: 1660px){
.homebanner .slide_box img{width: 100%;height:auto; position:relative;top:-8%;}
}
@media screen and (max-width: 1660px) and (min-width: 1440px){
.homebanner .slide_box img{width: 100%;height:auto;position:relative;/*top:-10%;*/top:-5%;}
}
@media screen and (max-width: 1440px) and (min-width: 1360px){
.homebanner .slide_box img{width: 100%;height:auto;position:relative;/*top:-10%;*/}
}
@media screen and (max-width: 1360px){
.homebanner .slide_box img{width: 100%;height: 100%;}
}
.homebanner .fp-slidesNav{z-index: 999; display:none;}
.homebanner .fp-slidesNav.bottom{left: 35%;bottom: 16.5%;}
.homebanner #fp-nav ul li,.homebanner .fp-slidesNav ul li{width: 7px;height: 7px;}
.homebanner #fp-nav ul li a,.homebanner .fp-slidesNav ul li a{
	cursor: pointer;position: relative;width: 7px;height: 7px;
}
.homebanner #fp-nav ul li a span,.homebanner .fp-slidesNav ul li a span{
	width: 100%; height: 100%;border:none;
	background-color:#7f7f7f;
}
.homebanner #fp-nav ul li a.active span,.homebanner .fp-slidesNav ul li a.active span{
	width: 11px;height: 11px;background-color:#191919;
}
.bigbanner{display: block;}
.smallbanner{display: none;}
@media screen and (max-width: 640px){
.bigbanner{display: none;}
.smallbanner{display: block;}
}
.htitle{margin:6% auto 3%;text-align: center;-webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;opacity: 0;}
.htitle1{margin-top: 10%;}
.slide_box{height: 95%;position: relative;}
.slide_box img{width: 100%;height: auto;display: block;}
.slide1{ background-color: #f9df56; }
/*.hhfooter1{height: 15%;background-color: #5677cb;}
.homebanner .hhfooter span,.homebanner .hhfooter a{padding-top: 4%;}*/
.hfooter{width: 100%;position: absolute;bottom: 0;left: 0; text-align: center;}
.hfooter span,.hfooter a{font-size: 14px;color: #333333; line-height: 35px; font-weight: 100; padding-right: 5px; display:inline-block;position: relative; z-index: 99!important;}
.hfooter img{margin:13px 5px 0 5px;}
.hfooter a:hover{color: #fff;}

.hhfooter{text-align: center;}
.hhfooter span,.hhfooter a{font-size: 14px;color: #333333; line-height: 35px; font-weight: 100; padding-right: 5px; display:inline-block;position: relative; z-index: 99!important;}
.hhfooter img{margin:13px 5px 0 5px;}
.hhfooter a:hover{color: #fff;}
div.hhfooter1,div.hhfooter2{background-color: #5677cb;position: relative;}
@media screen and (max-height: 1080px){
.slide_box{height: 93%;position: relative;}
.homebanner .hhfooter{height: 80px;line-height: 80px;}
}
@media screen and (max-height: 950px){
.slide_box{height: 92%;position: relative;}
.homebanner .hhfooter{height: 80px;line-height: 80px;}
}
@media screen and (max-height: 750px){
.slide_box{height: 90%;position: relative;}
.homebanner .hhfooter{height: 80px;line-height: 80px;}
}
@media screen and (max-height: 700px){
.homebanner .slide_box img{top:-14%;}
.slide_box{height: 93%;position: relative;}
.homebanner .hhfooter{height: 50px;line-height: 50px;}
}
/*ban按钮*/
.bigbanner div.fp-controlArrow{display: block;width:31px;height: 31px;position: absolute;top:85%;z-index: 9;}
.fp-controlArrow.fp-prev{background: url(../ban/l.png) no-repeat;background-size: 100% 100%;border:none;left: 13%;}
.fp-controlArrow.fp-next{background: url(../ban/r.png) no-repeat;background-size: 100% 100%;border:none;left: 15%;}
@media screen and (max-width: 1600px){
.fp-controlArrow.fp-next{left: 16%;}
.fp-controlArrow.fp-prev{left: 13%;}
}
/*@media screen and (max-width: 1366px){
.fp-controlArrow.fp-next{left: 15%;}
.fp-controlArrow.fp-prev{left: 12%;}
}*/

/*关于我们*/
.haboutbg{background: url(../images/bg1.jpg) bottom center no-repeat;width: 100%;height: 100%;background-size: 100% 100%;}
.haboutbox{height: 100%; position: relative;}
.hableft{width: 42%;float: left;margin-top: 14%;opacity: 0;transition: all 1s;position: relative;left:-50%;}
.hableft h3{font-size: 30px;font-family: "Noto Sans SC",'思源黑体 Regular';color: #424242;}
.hableft p{font-size: 20px;font-family: "Noto Sans SC",'思源黑体 Regular';color: #5581a1;font-weight: 600;padding:15px 0;}
.hableft img{display: block;padding:10px 0 25px 0;}
.habl_txt{font-size: 14px;color: #5581a1;font-weight: 600;line-height: 27px;}
a.habbtn{display: block;margin-top: 10%;width: 166px;height: 55px;position: relative;overflow: hidden;transition:All 0.4s ease-in-out;
    -webkit-transition:All 0.4s ease-in-out;
    -moz-transition:All 0.4s ease-in-out;
    -o-transition:All 0.4s ease-in-out;transform:translate(0,0px);}
a.habbtn img{display: block;width: 100%;padding:0;}
a.habbtn:hover{transform:translate(0,-10px);
    -webkit-transform:translate(0,-10px);
    -moz-transform:translate(0,-10px);
    -o-transform:translate(0,-10px);
    -ms-transform:translate(0,-10px);}
.habbtnbox{position: absolute;bottom: 17%;left: 0px;background-color: #f4f4f4;width: 99%;border:1px solid #e6e6e6;
    -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;opacity: 0;}
.habbtnbox li{width:14.28%;float: left;background-color: #f4f4f4; padding:20px 0;transition: 0.5s;position: relative;}
.habbtnbox li a{display: block;width: 100%;position: relative;z-index: 9;}
.habbtnbox li:last-child{border-left:none;}
.habbtnbox li:after{content: "";position: absolute;top: 0;right: 0;width: 100%;height: 100%;z-index: 1;border-left: 1px solid #fff;}
.habbtnbox li i{display: block;width: 50px;height: 45px;margin:0px auto 10px;
-webkit-transition: All 0.7s ease-in-out;
  -moz-transition: All 0.7s ease-in-out;
  -o-transition: All 0.7s ease-in-out;}
.habbtnbox li em{display: none;position: absolute;width:1px;height: 30px;background-color: #000;left: 50%;margin-left: -0.5px;top:0px;opacity: 0;transition: 0.5s;}  
i.habbi1{background: url(../images/a1.png) no-repeat;}
i.habbi2{background: url(../images/a2.png) no-repeat;}
i.habbi3{background: url(../images/a3.png) no-repeat;}
i.habbi4{background: url(../images/a4.png) no-repeat;}
i.habbi5{background: url(../images/a5.png) no-repeat;}
i.habbi6{background: url(../images/a6.png) no-repeat;}
i.habbi7{background: url(../images/a7.png) no-repeat;}
.habbtnbox li p{text-align: center;font-size: 18px;font-family: "Noto Sans SC",'思源黑体 Regular';color: #333;line-height: 30px;}
.habbtnbox li:hover{background-color: #f8dd4d;}
.habbtnbox li:hover em{opacity: 1;top: -18px;}
.habbtnbox li:hover p{animation: itembtn 0.6s ease;}
.habbtnbox li:hover i{transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  -ms-transform: rotate(360deg);}
.hafooter{position: absolute;bottom: 5%;left: 0;}
.hafooter span,.hafooter a{padding-top: 4%;font-size: 14px;color: #333333; line-height: 35px; font-weight: 100; padding-right: 5px; display:inline-block;position: relative; z-index: 99!important;}
.hafooter img{margin:13px 5px 0 5px;}
.hafooter a:hover{color: #f8dd4d;}

.active .habbtnbox{opacity: 1;-webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .hableft{left: 0; opacity: 1; transition-delay: 0.5s;}

@media screen and (max-height:800px){
.habbtnbox{bottom: 10%;}
.hafooter{bottom: 2%;}
.haboutbg{background: url(../images/bg1.jpg) center no-repeat !important;background-size:cover!important;}
}
@media screen and (max-height:790px){
.hableft{margin-top: 10%;}
}
@media screen and (max-height:720px){
.hableft{margin-top: 8%;}
}
@media screen and (max-height:700px){
.hafooter{display: none;}
.habbtnbox{bottom: 4%;}
}
@media screen and (max-height:650px){
a.habbtn{margin-top: 4%;}
}
@media screen and (max-height:620px){
.habl_txt{text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  line-clamp: 5;
  -webkit-box-orient: vertical;}
.haboutbg{background: url(../images/bg1.jpg) center no-repeat !important;background-size:cover!important;}  
}

/*产品概况*/
.hprobg{background-color: #f8dd4e;width: 100%;height: 100%;background-size: 100% 100%;}
.hprobox{margin-top: 11%;position: relative;}
.hprbox{width:403px;height: 406px;position: absolute;z-index:9;}
.hprbox1{top:0;left: 0;background: url(../images/pbg1.png) no-repeat;opacity: 0;transition: all 1s;margin-left:-50%;}
.hprbox2{top:0;left: 480px;background: url(../images/pbg2.png) no-repeat;opacity: 0;transition: all 1s;margin-top:-50%;}
.hprbox3{top:0;right: 0px;background: url(../images/pbg1.png) no-repeat;opacity: 0;transition: all 1s;margin-right:-50%;}
.hprbox4{top:240px;left: 235px;background: url(../images/pbg4.png) no-repeat;opacity: 0;transition: all 1s;margin-left:-50%;}
.hprbox5{top:240px;right: 240px;background: url(../images/pbg4.png) no-repeat;opacity: 0;transition: all 1s;margin-right:-50%;}
.hproimg{display: block;width: 100%;height: 100%;position: relative;opacity: 1;transform: rotateY(0);transition: all 0.5s ease-out 0s;}
.hproimg img{display: block;position: absolute;top:0;left: 0;bottom: 0;right: 0;margin:auto;}
.hproinfo{position: absolute;top:40%;left: 0;width: 100%;opacity: 0;transform: rotateY(-90deg);transition: all 0.5s ease-out 0s;}
.ptit{display: block;/*max-width: 70%;*/margin:0px auto 20px;}
.hproinfo p{width:60%;margin:0px auto;font-size: 14px;color: #333333;line-height: 25px;text-align: center;}
a.hpmore{display: block;width: 34px;position: absolute;top:185px;left: 50%;margin-left: -18px;}
.hprotit{font-size: 18px;color: #333;text-align: center;font-family: "Noto Sans SC",'思源黑体 Regular';position: absolute;bottom: 83px;width: 100%;}
.hprbox:hover .hproimg{opacity: 0;transform: rotateY(-90deg);}
.hprbox:hover .hproinfo{opacity: 1;transform: rotateY(0deg);}
.hprbox:hover .hprotit{ display:none;}
.hpro_tit{width: 759px;position: absolute;top:540px;left: 50%;margin-left:-380px;background: url(../images/pzi.png) bottom center no-repeat;opacity: 0;transition: all 1s;margin-bottom:-50%;z-index:5}
.hpro_tit h3{font-size: 40px;color: #333;font-family: "Noto Sans SC",'思源黑体 Regular';text-align: center;font-weight:500;margin-bottom: 30px;}
a.hprobtn2{display: block;width: 166px;height: 54px;margin:0px auto;position: relative;overflow: hidden;}
a.hprobtn2 img{display: block;width: 100%;}
.hpfooter{bottom: 2%;}
.active .hprbox1{margin-left: 0; opacity: 1; transition-delay: 0.5s;}
.active .hprbox2{margin-top: 0; opacity: 1; transition-delay: 0.5s;}
.active .hprbox3{margin-right: 0; opacity: 1; transition-delay: 0.5s;}
.active .hprbox4{margin-left: 0; opacity: 1; transition-delay: 0.6s;}
.active .hprbox5{margin-right: 0; opacity: 1; transition-delay: 0.6s;}
.active .hpro_tit{margin-bottom: 0; opacity: 1; transition-delay: 0.7s;}
@media screen and (max-width:1600px){
.hprbox{width: 335px;height: 338px; background-size: 100% 100%;}
.hprotit{bottom: 60px;}
.hprbox2{left: 398px;}
.hprbox4{left: 190px;}
.hprbox5{right: 185px;}
.hproinfo p{
 text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
a.hpmore{top:147px;}
}
@media screen and (max-width:1440px){
.hprbox{width: 303px;height: 305px; background-size: 100% 100%;}
.hproimg img{width: 48%;}
.hprbox2{left: 350px;}
.hprbox4{left: 170px;top:220px;}
.hprbox5{right: 165px;top:220px;}
a.hpmore{top:129px;}
.hpro_tit h3{font-size: 36px;}
}
@media screen and (max-width:1400px){
.hprbox{width: 294px;height:296px; background-size: 100% 100%;}
.hproimg img{width: 48%;}
.hprbox2{left: 345px;}
a.hpmore{top:140px;}
.hproinfo{ top:35%;}
}
@media screen and (max-width:1240px){
.hprbox{width: 260px;height:263px; background-size: 100% 100%;}
.hproimg img{width: 48%;}
.hprbox2{left: 308px;}
.hprbox4{top:180px;left: 150px;}
.hprbox5{right: 145px;top:180px;}
.hprotit{display: none;}
.hproinfo p{ text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
a.hpmore{top:135px;}
.hproinfo{top:30%;}
}
@media screen and (max-width:1200px){
.hprbox2{left: 330px;}
.hprbox4{left: 165px;}
.hprbox5{right: 170px;}
}
@media screen and (max-height:800px){
.hpro_tit{top:420px;}
}
@media only screen and (max-width:1600px) and (min-height:800px){
.hprbox4{left: 200px; top:200px;}
.hprbox5{right:195px;top:200px;}
.hpro_tit{top:450px;}
}
@media screen and (max-width:1300px) and (max-height:750px){
.hprobg .mainbox{width: 77%;}
}

@media screen and (max-height:790px){
.hpro_tit{top:470px;}
.hpfooter{ display:none;}
.hprbox4{left: 200px; top:210px;}
.hprbox5{right:195px;top:210px;}
a.hpmore{top:146px;}
.hproinfo{ top:35%;}
}

@media screen and (max-height:700px){
.hprobox{margin-top: 8%;}
.hpfooter{display: none;}
}
@media screen and (max-height:650px){
.hprbox{width: 270px;height:274px; background-size: 100% 100%;}    
.hprbox2{left: 320px;}
.hprbox4{left: 160px;top:200px;}
.hprbox5{right: 155px;top:200px;}
.hpro_tit{top:380px;}
.hprotit{display: none;}
.hproinfo p{ text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}
.hproinfo{top:30%;}  
a.hpmore{top:140px;}
}
@media screen and (max-height:650px){
.hprbox2{left: 300px;}
.hprbox4{left: 150px;top:180px;}
.hprbox5{right: 145px;top:180px;}
}
@media screen and (max-width:1366px) and (max-height:620px){
.hprbox2{left:350px;}
.hprbox4{left:170px;}
.hprbox5{right:175px;}
}


/*企业优势*/
.hysinfo{margin-top: 7%;height: 630px;position: relative;background: url(../images/line2.png) center no-repeat;}
.hysbox{width:28%;position: absolute;}
.hysbox1{top:0;left: 0;}
.hysbox2{top:0;left: 36%;}
.hysbox3{top:0;right: 0;}
.hysbox4{bottom:5%;left: 17%;}
.hysbox5{bottom:5%;right: 17%;width:32%;}
.hysbox5 p{width: 80%;margin:0px auto;}
.hysbox a{display: block;}
.hysbox h4{font-size: 18px;color: #5782a1; text-align: center;position: relative;z-index: 9;}
.hysbox p{font-size: 14px;color: #5581a1;text-align: center;min-height: 56px;}
.hysbox span{display: block;margin:15px auto;width: 30px;height: 5px;background: url(../images/line1.png) no-repeat;}
.hysbox em{display: block;width: 110px;height: 109px;margin:0px auto 15px;transition: 0.5s;}
.hysbox i{display: block;width: 25px;height: 38px;position: relative;z-index: 5;}
.hys1{background: url(../images/yi1.png) no-repeat;margin:52px auto 0;}
.hys2{background: url(../images/yi2.png) no-repeat;margin:0 auto 20px;}
.hysico1{background: url(../images/yico1.png) no-repeat;}
.hysico2{background: url(../images/yico2.png) no-repeat;}
.hysico3{background: url(../images/yico3.png) no-repeat;}
.hysico4{background: url(../images/yico4.png) no-repeat;}
.hysico5{background: url(../images/yico5.png) no-repeat;}
.hysbox:hover .hysico1{background: url(../images/yico1-1.png) no-repeat;}
.hysbox:hover .hysico2{background: url(../images/yico2-1.png) no-repeat;}
.hysbox:hover .hysico3{background: url(../images/yico3-1.png) no-repeat;}
.hysbox:hover .hysico4{background: url(../images/yico4-1.png) no-repeat;}
.hysbox:hover .hysico5{background: url(../images/yico5-1.png) no-repeat;}
.hysbox:hover h4{color: #cd514f;}
.hysbox:hover span{background: url(../images/line1-1.png) no-repeat;}
.hysbox:hover .hys1{background: url(../images/yi3.png) no-repeat;}
.hysbox:hover .hys2{background: url(../images/yi4.png) no-repeat;}
.hysbox:hover em{cursor: pointer;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);}
a.ysico{display: block;position: absolute;width: 175px;height: 166px;top:310px;left: 50%;margin-top: 5px;margin-left: -88px;z-index: 1;-webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;opacity: 0;}    
a.ysico img{display: block;width: 100%;}    
.active a.ysico{opacity: 1;-webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.3s;}
.hysfooter{background: url(../images/ysbg.jpg) top center no-repeat;height: 60px;padding-top:90px;overflow: hidden;}
@media screen and (max-width:1600px){
.hysbox4{left: 15%;}
.hysbox5{width: 38%;right: 12%;}
}
@media screen and (max-width:1440px){
.hysbox5{width: 40%;right: 12%;}
.hysbox p{text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;}
}
@media screen and (max-width:1400px){
.hysbox5{width: 35%;}
.hysbox h4{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
}
@media screen and (max-height:800px){
.hysinfo{height: 580px;}
.hys1{margin:25px auto 0;}
.hysbox4,.hysbox5{bottom: 1%;}
.hysbox5{width: 35%;}
img.ysico{top: 285px;}
.hysbox h4{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hysfooter{height: 40px;background-color: #5677cb;padding-top:40px;background-size: 100%;}
a.ysico{top: 286px;}
}
@media screen and (max-height:768px){
.hysfooter{display: none;} 
a.ysico{top: 286px;}
}
@media screen and (max-height:700px){
.hysinfo{margin-top: 6%;} 
}
@media screen and (max-height:650px){
.hysbox em{width: 80px;height: 79px;background-size: 100% 100%;} 
.hysbox:hover .hysico1,.hysbox:hover .hysico2,.hysbox:hover .hysico3,.hysbox:hover .hysico4,.hysbox:hover .hysico5{background-size: 100% 100%;}
.hysinfo{height: 520px;}
a.ysico{top:256px;width: 137px;height: 130px;margin-left: -68px;}
.hysbox5{width: 32%;}
}
@media screen and (max-height:620px){
.hysinfo{ height:481px;}	
.hysbox em{width: 60px;height: 59px;background-size: 100% 100%;} 
.hysbox:hover .hysico1,.hysbox:hover .hysico2,.hysbox:hover .hysico3,.hysbox:hover .hysico4,.hysbox:hover .hysico5{background-size: 100% 100%;}
a.ysico{top: 235px;}
}
/*新闻*/
.hnewsbg{background: url(../images/nbg.jpg) bottom center no-repeat;width: 100%;height: 100%;background-size: 100% 100%;}
.hnewbtnbox{width: 35%;position: absolute;left: 0;top: 0;z-index: 99;transition: all 1.5s;opacity: 0;top:-50%;}
.hnewsNav{width: 255px;padding-top: 25%;float: right;margin-right: 10%;position: relative;transition: all 2s;}
.hnewsNav a{font-size: 18px;color: #333333;display: block;float: left;font-weight: 700;}
.hnewsNav a.hnewson{color: #d26570;}
.hnewsNav a i{opacity: 0;width: 0px;height: 1px;background-color: #d26570;display: inline-block;position: relative;top: -5px;}
.hnewsNav a.hnewson i{opacity: 1;width: 100px;margin:0 5px 0 5px;}
.news_focus{width: 100%;height: 100%;position: relative;}
.hnewsleft{width: 35%;float: left;color: #333;}
.newsbd{width: 65%;float: right;position: relative;transition: all 1.5s;opacity: 0;}
.hnewsleftbox{width: 255px;float: right;margin-right: 10%;position: relative;left: -100%;opacity: 0;transition: all 1s;}
.hnewsleft h3{font-family: 'Impact';color: rgba(213,222,229,0.4);}
.hnewsleft h4{font-weight: 700;color: #6b6b6b}
.hnewsleft p{width: 255px;font-size: 14px;color: #5581a1;}
@media only screen and (min-width:1660px){
.hnewsleft h3{font-size: 72px;padding-top: 150px;}
.hnewsleft h4{font-size: 48px;margin:20px 0;}
.hnewsleft p{margin-top:40px;}
}
@media only screen and (max-width:1660px) and (min-width:1360px){
.hnewsleft h3{font-size:66px;padding-top:130px;}
.hnewsleft h4{font-size:44px;margin:20px 0;}
.hnewsleft p{margin-top:40px;}
}
@media only screen and (max-width:1360px) and (min-width:760px){
.hnewsleft h3{font-size:60px;}
.hnewsleft h4{font-size:40px;margin:20px 0;}
.hnewsleft p{margin-top:40px;}
}
@media only screen and (max-width:760px){
.hnewsleft h3{font-size:54px;padding-top:130px;}
.hnewsleft h4{font-size:36px;margin:20px 0;}
.hnewsleft p{font-size:13px;margin-top:40px;}
.hnewsNav{margin-right: 2%;}
}
@media only screen and (max-width:1240px){
.hnewsleft h4{font-size: 36px;}
}
@media only screen and (min-height:900px){
.hnewsleft_btn{margin-top:100px;}
}
@media only screen and (max-height:900px) and (min-height:768px){
.hnewsleft_btn{margin-top:70px;}
}
@media only screen and (max-height:768px){
.hnewsleft_btn{margin-top:40px;}
}
@media only screen and (max-height:620px){
.hnewsleft h3{ display:none;}
}

@media only screen and (max-height:550px){
.hnewbtnbox{top: 92px;}
}
.hnewsleft_btn div{width: 60px;height: 60px;float: left;margin-right: 15px;}
.active .hnewsleftbox{left: 0; opacity: 1; transition-delay: 0.3s;}
.active .newsbd{opacity: 1; transition-delay: 0.3s;}
.active .hnewbtnbox{top: 0; opacity: 1; transition-delay: 0.3s;}
.news_pre{background: url(../images/l.png) no-repeat;}
.news_next{background: url(../images/r.png) no-repeat;}
.news_pre:hover{background: url(../images/l1.png) no-repeat;}
.news_next:hover{background: url(../images/r1.png) no-repeat;}
.hnlblist{width: 94%;padding:12% 3%;opacity: 0;transition: all 1s;position: relative;right:-50%;}
.hnlblist div{width: 27.33%;float: left;margin-right:6%;color: #fff;}
.hnlblist div h2{font-size: 60px;color: #424242;}
.hnlblist div em{font-size: 14px;display: block;margin:20px 0 5px 0;color: #666666;}
.hnlblist a.hngstit{font-size: 18px;display: block;margin:15px 0;color: #4c4c4c;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.hnlblist a.hngsimg{width: 100%;height:200px;display: block;overflow: hidden;}
.hnlblist a.hngsimg img{display: block;width: 100%;transition: 0.5s;}
.hnlblist div p{font-size: 14px; overflow:hidden; margin:25px 0;color: #333333;
text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  line-clamp: 4;
  -webkit-box-orient: vertical;}
.hnlblist a.hnewsbtn{ display:none;font-size: 14px;color: #fff; text-align:center; width:120px; height:40px; line-height:40px; background-color:#d5a553; margin:20px auto;position: absolute; bottom:10%;left:50%; margin-left:-60px;}
.active .hnlblist{right: 0; opacity: 1; transition-delay: 0.5s;}

@media only screen and (min-width:1660px){
.hnlblist div p{line-height: 28px;}
}
@media only screen and (max-width:1660px) and (min-width:1360px){
.hnlblist div p{line-height: 26px;}
}
@media only screen and (max-width:1360px) and (min-width:760px){
.hnlblist div p{line-height: 24px;}
}
@media only screen and (max-width:760px){
.hnlblist div p{font-size: 13px; line-height: 22px;}
}
@media only screen and (max-width:1440px){
a.hngsimg{height: 150px;}
}
a.hnbtn{display: block;transition: 0.5s;width: 38px;height: 13px;background: url(../images/jian1.png) no-repeat;}
.hnlblist div:hover a.hnbtn{margin-left: 10px;background: url(../images/jian.png) no-repeat;}
.hnlblist div:hover a.hngstit{color: #d26570;}
.hnlblist div:hover a.hngsimg img{transform: scale(1.1,1.1); -moz-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1); -o-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.hnlblist div{width: 44%;}
.hnlblist div:last-child{display: none;}
}
@media screen and (max-width: 1024px)and (max-height: 749px){ 
.hnewsleft h3{padding-top: 20%;}    
.hnewsleft_btn{margin-top: 5%;}
.hnlblist{padding:3%;}

}
@media screen and (max-width: 1320px)and (max-height: 620px){ 
.hnlblist{padding: 7% 3%;}
.hnewsNav{padding-top: 15%;}
a.hngsimg{ height:135px;}
}
@media screen and (max-width: 767px) {
.hnewsleft,.newsbd,.hnewsleftbox{width: 100%;float: none;}
.hnewsleft h3{display: none;}   
.hnewsleftbox{text-align: center;}
.hnewsleft h4{margin:0;padding-top: 20%;}
.hnlblist div{width: 100%;float: none;}
.hnlblist div:last-child{display: none;}
.hnlblist div h2,.hnewsleft_btn{display: none;}
.hnlblist{margin-top: 0;}
a.hngsimg{height: 120px;}
a.hnbtn {margin-top: 5%;}
/*}
@media only screen and (max-width: 767px) {*/
.hnewsleftbox{margin-right: 0;}
.hnewsleft p,.hnlblist div em,a.hngsimg{display: none;}
.hnewsleft h3{padding-top: 40%;}
.hnewsleft h4{font-size: 36px;}
a.hnbtn{margin-top: 4%;}
.hnlblist{margin-top: 11%;}
.hnlblist div h2{font-size: 42px;}
.hnewbtnbox{width: 100%;top: 40px;}
.hnlblist {margin-top: 8%;}
a.hngstit{color: #bb1c21;}
.hnlblist div{margin-top: 20px;}
a.hnewsbtn{ display:block;}
.hnewsbg{background: url(../images/nbg3.jpg) center no-repeat;}
}
.hnfooter{text-align: left;position: relative; top: 160px;left: 30px;}
@media screen and (max-height:800px){
.hnfooter{top: 140px;}  
.hnlblist a.hngsimg{height: 170px;}  
}
@media screen and (max-width: 1600px)and (max-height: 800px){ 
.hnfooter{top: 100px;} 
}
@media screen and (max-height:790px){
.hnfooter{top: 100px;}  
}
@media screen and (max-height:768px){
.hnlblist a.hngsimg{height: 160px;}  
.hnfooter{top: 100px;}  
.hnewsleft h3{padding-top: 140px;}
.hnewsNav{padding-top: 26%;}
}
@media screen and (max-height:758px){
.hnfooter{top: 140px;}  
.hnlblist div p{margin:10px 0 25px 0;}
.hnlblist{padding: 12% 3%;}
.hnlblist div h2{font-size: 45px;}
.hnlblist div em{margin: 5px 0 5px 0;}
.hnlblist div p{text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;}   
}

@media screen and (max-height:700px){
.hnfooter{display: none;}
}
@media screen and (max-height:680px){
.hnlblist{padding: 17% 3%;}
}
@media screen and (max-height:650px){
.hnlblist div em{margin: 5px 0 5px 0;}     
.hnlblist div p{margin: 5px 0 25px;}
.hnlblist div h2{font-size: 48px;}  
}
@media screen and (max-height:620px){
.hnewsleftbox{margin-top: 41%;}
.hnlblist {padding: 11% 3%;}	
}
/*联系我们*/
.hcontactbg{background-color: #f8dd4e;width: 100%;height: 100%;background-size: 100% 100%;position: relative;overflow: hidden;}
.contact_con3{margin-top: 10%;-webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;opacity: 0;}
.contact_con3_tit{ display:block; text-align:center;}
.contact_con3_tit h4{font-size: 48px;color: #424242;font-family: "Noto Sans SC",'思源黑体 Regular';font-weight: 500;}
.contact_con3_tit img.cico{display: block;margin:15px auto;}
.contact_con3_tit span{display: block; font-size:15px; line-height:30px; padding:10px 0; color:#555;}
.hcon_dh{width: 465px;margin:20px auto;height: 37px;}
.hcon_dh li{/*width: 50%;float: left;*/font-size: 24px;color: #333;line-height: 37px;}
/*.hcon_dh li:last-child{float: right;}*/
.contact_con3 form{ display:block;}
.active .contact_con3{opacity: 1;-webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.5s;}
.hcfooter{background-color: #5677cb;height: 150px;line-height: 150px; overflow: hidden;}
@media screen and (max-width:640px) {
.contact_con3{padding:30px 10px;}
.contact_con3_tit em{font-size:50px;}
.contact_con3_tit span{ font-size:13px; line-height:24px;}
}
@media screen and (min-width:1360px){
.contact_con3 form{ /*padding:20px 10% 0;*/}
.contact_con3 form .myform{width:41%; float:left; margin:0 3%; padding-left:2%;}
.contact_con3 form .myform1{ width:90%; float:left; margin:0 3%; padding-left:2%;}
.contact_con3 form .mytxt1{ padding:0 2% 0 4%; width:93%;}
}
@media screen and (max-width:1360px) and (min-width:960px){
/*.contact_con3 form{ padding:45px 3% 0;}*/
.contact_con3 form .myform{width:41%; float:left; margin:0 3%; padding-left:2%;}
.contact_con3 form .myform1{ width:90%; float:left; margin:0 3%; padding-left:2%;}
.contact_con3 form .mytxt1{ padding:0 2% 0 4%; width:93%;}
}
@media screen and (max-width:960px) {
/*.contact_con3 form{ padding:45px 0% 0;}*/
.contact_con3 form .myform{ width:92%; margin:0 2%; padding-left:2%;}
.contact_con3 form .myform1{ width:92%; margin:0 2%; padding-left:2%;}
.contact_con3 form .mytxt1{ padding:0 2% 0 8%; width:94%; }
}
.contact_con3 form .myform{  background:url(../images/ly1.jpg) #f0f0f0 left center no-repeat; margin-bottom:15px; border:1px #e6e6e6 solid; height:55px; line-height:55px; border-radius:8px; overflow:hidden;}
.contact_con3 form .myform:hover{ border:1px #3ddde0 solid;}
.contact_con3 form .mytxt{ display:block; padding:0 2% 0 8%; border:0; background-color:inherit; height:55px; width:94%; outline:none;}
@media screen and (min-width:640px) {
.contact_con3 form .lybg1{ background:url(../images/ly1.png) left center no-repeat;}
.contact_con3 form .lybg2{ background:url(../images/ly2.png) left center no-repeat;}
.contact_con3 form .lybg3{ background:url(../images/ly3.png) left center no-repeat;}
.contact_con3 form .lybg4{ background:url(../images/ly4.png) left center no-repeat;}
.contact_con3 form .lybg5{ background:url(../images/ly5.png) left center no-repeat;}
.contact_con3 form .lybg6{ background:url(../images/ly6.png) left center no-repeat;}
}
.contact_con3 form .myform1{ background:url(../images/ly1.jpg) #f0f0f0 left center no-repeat; margin-bottom:15px; border:1px #e6e6e6 solid; height:55px; line-height:55px; border-radius:8px; overflow:hidden;}
.contact_con3 form .myform1:hover{ border:1px #3ddde0 solid;}
.contact_con3 form .mytxt1{ display:block; border:0; background-color:inherit; height:55px; outline:none;}
.contact_con3 form .mytxt2{ display:block; padding:0 2% 0 8%; border:0; background-color:inherit; height:55px; width:50%; outline:none; float:left;}
.contact_con3 form .myform3{ width:25%; clear:both; float:none; /*float:left;*/ margin:25px auto 15px; /*border:1px #e6e6e6 solid;*/ height:55px; line-height:55px; border-radius:8px; overflow:hidden; position:relative; top:20px;}
.contact_con3 form .myform img{ padding-right:15px;}
.contact_con3 form .mysub{ display:block; background:#d26570; border:0; width:100%; height:55px; color:#fff; font-size:18px;}
@media screen and (max-height:800px) {
.contact_con3_tit img.cico{height: 45px;}
.hcfooter{height: 100px;line-height: 100px;}
}
@media screen and (max-height:768px) {
.hcfooter{height: 60px;line-height: 60px;}
}
@media screen and (max-height:700px) {
.contact_con3_tit img.cico{display: none;}
.hcfooter{height: 40px;line-height: 40px;}
}
@media only screen and (max-width:1240px){
.contact_con3_tit h4{font-size: 36px;}
}
@media screen and (max-width:960px) {
.contact_con3 form .myform3{margin: 0 auto;float: none;}
.contact_con3 form .myform3{width: 50%;height: 45px;line-height: 45px;}
.contact_con3 form .mysub{height: 45px;line-height: 45px;}
.contact_con3_tit h4{font-size: 30px;}
}
@media screen and (max-width:500px){
.hcon_dh{width: 100%;}
.hcon_dh li{font-size: 16px;}
.hcon_dh li img{height: 25px;}
.contact_con3_tit img.cico{display: none;}
}
@media screen and (max-height:620px) {
.hcon_dh{ display:none;}
.contact_con3_tit h4{ font-size:36px;}
}

/*手机站
@media screen and (max-width: 1200px){
#webpage{display: none;}
#smallpage{display: block;}

}*/